<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title>我们出发吧</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="static/style.css">
  <link href='static/lib/mapbox-gl.css' rel='stylesheet' />
</head>

<body> 
  <div id="app"></div>  
  <script src="static/api.js"></script> 
  <script type="text/javascript" src="static/lib/jquery-3.1.1.min.js"></script>
  <script src="build/bundle.js"></script>
  <script src='static/lib/mapbox-gl.js'></script>
</body>
<script>
  $(document).mouseup(function(e){
    var _con = $(".key-tips,.panel,#location-select,.location-tips,.field-tips");   // 隐藏目标
    var colpick = $(".colpick");
    if(!_con.is(e.target) && _con.has(e.target).length === 0 && !colpick.is(e.target) && colpick.has(e.target).length === 0){
      _con.hide();
      if($("#stops-panel").is(":visible")===false){
        $(".open-stops").removeClass("open");
      }
    }
  });

</script>
</html>
